<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>
			阳光成单系统
		</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="./css/x-admin.css" media="all">
	</head>

	<body>
		<div class="x-nav">
			<span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>会员管理</cite></a>
              <a><cite>分类管理</cite></a>
            </span>
			<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
		</div>
		<div class="x-body">
			<form class="layui-form x-center" action="" style="width:50%">
				<div class="layui-form-pane" style="margin-top: 15px;">
					<div class="layui-form-item">
						<label class="layui-form-label" style="width:60px">所属分类</label>
						<div class="layui-input-inline" style="width:120px;text-align: left">
							<select name="fid">
								<option value="0">顶级分类</option>
								<option value="新闻">新闻</option>
								<option value="新闻子类1">--新闻子类1</option>
								<option value="新闻子类2">--新闻子类2</option>
								<option value="产品">产品</option>
								<option value="产品子类1">--产品子类1</option>
								<option value="产品子类2">--产品子类2</option>
							</select>
						</div>
						<div class="layui-input-inline" style="width:120px">
							<input type="text" name="name" placeholder="分类名" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-input-inline" style="width:80px">
							<button class="layui-btn" lay-submit="" lay-filter="add"><i class="layui-icon">&#xe608;</i>增加</button>
						</div>
					</div>
				</div>
			</form>
			<xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><span class="x-right" style="line-height:40px">共有数据：88 条</span></xblock>
			<table class="layui-table">
				<thead>
					<tr>
						<th>
							<input type="checkbox" name="" value="">
						</th>
						<th>
							ID
						</th>
						<th>
							排序
						</th>
						<th>
							分类名
						</th>
						<th>
							操作
						</th>
					</tr>
				</thead>
				<tbody id="product_chaXunFenLei">
				</tbody>
			</table>
		</div>
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script src="./js/x-layui.js" charset="utf-8"></script>
		<script>
			layui.use(['element', 'layer', 'form'], function() {
				$ = layui.jquery; //jquery
				layer = layui.layer; //弹出层
				
				$(function(){
					chaXunFenLei();
				})
			})

			function chaXunFenLei() {
				$.post("../txhAdminProducts?reqName=getProductCates", {}, function(res) {
					for(var i = 0; i < res.length; i++) {
						$("#product_chaXunFenLei").append(`
							<tr>
		                        <td>
		                            <input type="checkbox" value="1" name="">
		                        </td>
		                        <td>
		                            ${i+1}
		                        </td>
		                        <td>
		                            ${res[i].productClassificationId}
		                        </td>
		                        <td>
		                            ${res[i].productClassificationName}
		                        </td>
		                        <td class="td-manage">
		                            <a title="编辑" href="javascript:;" onclick="cate_edit('编辑','cate-edit.html','4','','510')"
		                            class="ml-5" style="text-decoration:none">
		                                <i class="layui-icon">&#xe642;</i>
		                            </a>
		                            <a title="删除" href="javascript:;" onclick="cate_del(this,${res[i].productClassificationId})" 
		                            style="text-decoration:none">
		                                <i class="layui-icon">&#xe640;</i>
		                            </a>
		                        </td>
		                    </tr>
						`)
					}
				}, "json")
			}

			//批量删除提交
			function delAll() {
				layer.confirm('确认要删除吗？', function(index) {
					//捉到所有被选中的，发异步进行删除
					layer.msg('删除成功', {
						icon: 1
					});
				});
			}

			//-编辑
			function cate_edit(title, url, id, w, h) {
				x_admin_show(title, url, w, h);
			}

			/*-删除*/
			function cate_del(obj, id) {
				layer.confirm('确认要删除吗？', function(index) {
					//发异步删除数据
					$.post("../txhAdminProducts?reqName=getDelProductCates",{
						cid:id
					},function(res){
						if(res.success){
							$(obj).parents("tr").remove();
							layer.msg(res.message, {icon: 1,time: 1000});
						}else{
							layer.msg(res.message)
						}
					},"json")
					
				});
			}
		</script>

	</body>

</html>